<template>
  <section class="agreement">
    <div>
       <p v-html="info.content">

       </p>
    </div>
    <x-button :gradients="buttonColor" @click.native="doLogin">{{$t('confirm')}}</x-button>
  </section>
</template>

<i18n>
  title.aboutus:
    en: About Us
    zh-CN: 关于我们
</i18n>

<script>
  import {XInput, XButton} from 'vux'
  export default {
    name: 'about',
    components: {
      XInput,
      XButton
    },
    data () {
      return {
        buttonColor: ['#537fbf', '#537fbf'],
        info: ''
      }
    },
    created () {
      this.init()
    },
    methods: {
      init () {
        this.getInfo()
      },
      getInfo () {
        let vue = this
        let url = 'api/Information/information'
        vue.get({
          url: url,
          params: {
            type: 1
          },
          success: function (data) {
            console.log(data)
            vue.info = data.data
          }
        })
      },
      doLogin () {
        this.$router.back(-1)
      }
    }
  }
</script>

<style lang="less" scoped>
  .agreement {
    height: 100%;
    background-color: #fff;
    padding: 15px;
    box-sizing: border-box;
    div{
      width: 6.41rem;
      margin: 0.2rem auto;
      color: #666666;
      font-size: 0.28rem;
      text-align: justify;
      margin-bottom: 0.8rem;
      height: 9.16rem;
      overflow: auto;
      p{
        text-align: justify;
      }
    }
  }
</style>
